<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8"/>
	<title>Backbone.Marionette.js Library</title>
	<link rel="stylesheet" href="css/app.css">
	<link rel="stylesheet" href="css/jquery-ui-1.9.2.css">
	<link rel="stylesheet" href="css/demos.css">
</head>

<body>
	<div>
		<a href="#exit">EXIT</a>
	</div>
	<div id="container">
	</div>
	<div id="grid">
	</div>

	<script type="text/html" id="sample-template">
   	<p>This is an ItemView<p>
    	<%= value1 %> </br>
    	<%= value2 %> </br>
		<form id="btnCoontainer" action="#">
			<a href="#addItem">Add item ...</a>
			<div>
				<button id="newItem">View handler</button>
			</div>
			<div>
				<button id="newItemCtrl">Controller handler (Error)</button>
			</div>
		</form>
	</script>

	<script id="grid-template" type="text/template">
	<thead>        
			<tr>
				<th>Username</th>
				<th>Full Name</th>
        </tr>
    </thead>
    <tbody></tbody>
	</script>

	<script id="row-template" type="text/template">
        <td>
            <%= value1 %>
        </td>
        <td>
            <%= value2 %>
        </td>
	</script>

	<script id="library-template" type="text/template">
    <div></div>
	</script>

	<script id="item-view" type="text/template">
		<img src="<%= coverImage %>" width="77px"/>
		<ul>
			<li><%= title %></li>
			<li><%= author %></li>
			<li><%= (new Date(releaseDate)).getFullYear() %></li>
			<li><%= keywords %></li>
		</ul>
		<button class="remove_a_book">Delete</button>
	</script>
	<script data-main="js/app" src="js/lib/require.js"></script>
</body>
</html>
